<template>
  <div class="form-section" v-if="formData.config.has_menu">
    <el-row :gutter="20">
      <el-col :span="24">
        <el-form-item-plus
          :label="$t('menu.dev.action.field.menu_route', '跳转地址')"
          :tooltipContent="
            $t(
              'menu.dev.action.tip.menu_route',
              '可直接输入地址和参数，也可以通过下拉框动态生成跳转地址',
            )
          "
          prop="config.menu_route"
        >
          <ra-menu-selecter v-model="formData.config.menu_route" />
        </el-form-item-plus>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import { smartTranslate as $t, transPlaceholder as $p } from '@/lang';

defineProps({
  formData: {
    type: Object,
    required: true,
  },
});
</script>

<style lang="scss" scoped></style>
